<aside>
    <div id="sidebar" class="nav-collapse ">
        <!-- sidebar menu start-->
        <ul class="sidebar-menu">
            <!--<li class="active">
                <a class="" href="index.jsp">
                    <i class="icon-dashboard"></i>
                    <span>Home</span>
                </a>
            </li>-->
            <li id="Hotel_Service" class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-book"></i>
                    <span>Hotel Service</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li id="hotel_index"><a class="" href="index.jsp">Home</a></li>
                    <!--<li id="hotel_booking"><a class="" href="hotel_booking.jsp">Hotel Booking</a></li>-->
                    <li id="hotel_consume"><a class="" href="hotel_consume.jsp">Hotel Consume</a></li>
                    <li id="hotel_vip_purchase"><a class="" href="hotel_vip_purchase.jsp">VIP Purchase</a></li>
                </ul>
            </li>
            <li id="User_Oprt" class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-cogs"></i>
                    <span>User</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li id="hotel_user"><a class="" href="user_profiles.jsp">My Profiles</a></li>
                </ul>
            </li>
        </ul>
        <!-- sidebar menu end-->
    </div>
</aside>